<template>
    <div class="TopView">
        <p class="left">智慧医院平台</p>
        <div class="right">
            <img src="../assets/tabs/official/u160.png" alt="">
            <div class="line"></div>
            <img src="../assets/tabs/official/u161.png" alt="">
        </div>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const props = defineProps({
    name: String
})

</script>

<style lang="scss" scoped>
.TopView {
    height: 46px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;

    .left {
        font-size: 16px;
        font-weight: 700;
        line-height: 50px;
        font-family: 'Arial, Helvetica, sans-serif';
    }

    .line {
        width: 1px;
        height: 16px;
        line-height: 16px;
        background: #d8d8d8;
    }

    .right {
        width: 87px;
        height: 32px;
        background: #f2f2f2;
        line-height: 32px;
        border-radius: 50px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        box-sizing: border-box;
    }



}
</style>